import React from 'react';
import { Card } from 'antd';

const TotalSales: React.FC = () => {
  return (
    <Card title="累计销售额" size="small" style={{ height: '200px', display: 'flex', flexDirection: 'column' }}>
      <div style={{ padding: '8px 0', flex: 1, display: 'flex', flexDirection: 'column' }}>
        <div style={{ fontSize: '24px', marginBottom: '8px' }}>
          ¥32,039,165
        </div>
        <div style={{ fontSize: '12px', marginBottom: '6px' }}>
          日同比7.33%
        </div>
        <div style={{ fontSize: '12px', marginBottom: '6px' }}>
          月同比7.33%
        </div>
        <div style={{ fontSize: '14px', borderTop: '1px solid #e8e8e8', paddingTop: '8px', color: '#999', marginTop: 'auto' }}>
          昨日销售额<span style={{ fontWeight: 'bold', color: 'black' }}> ¥30,000,000</span>
        </div>
      </div>
    </Card>
  );
};

export default TotalSales;